@charset "utf-8";
/*　
    author:spera
    version:1.0
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,button,blockquote,th,td,p{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
fieldset{margin:0;}
legend{color:#000;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
:focus{outline:0;}

/* common */
.clear{clear:both;}
.clearfix,
.wrapper,
.tabs_titles,
.hd,
.bd,
.ft,
.tr{*zoom:1;}
.clearfix:after,
.wrapper:after,
.tabs_titles:after,
.hd:after,
.bd:after,
.ft:after,
.tr:after{content:'\20';display:block;height:0;clear:both;}
.wrapper{margin:0 auto;width:1100px;text-align:left;}
body{text-align:center;font:12px/1.5 "microsoft yahei", Tahoma, Arial, Helvetica, STHeiti,simsun;color:#666;background: #fff;}


.blank{height:8px;clear:both;visibility:hidden;overflow:hidden;}
.blank5{height:5px;clear:both;visibility:hidden;overflow:hidden;}
.blank15{height:15px;clear:both;visibility:hidden;overflow:hidden;}

.word{word-break:break-all;}
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.v_m{vertical-align:middle;}
.v_b{vertical-align:bottom;}
.dis{display: block;}
.undis{display: none;}
.mt_10{margin-top: 10px;}
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.mr_10{margin-right: 10px;}
.mr_20{margin-right: 20px;}
.mb_0{margin-bottom: 0;}
.mb_5{margin-bottom: 5px;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_80{margin-bottom: 80px;}
.pt_10{padding-top: 10px;}
.pt_20{padding-top: 20px;}
.pl_10{padding-left: 10px;}
.pl_100{padding-left: 100px;}
.pr_10{padding-right: 10px;}
.pr_20{padding-right: 20px;}
.w_30{width:30px;}
.w_60{width:60px;}
.w_80{width:80px;}
.w_100{width:100px;}
.w_150{width:150px;}
.w_180{width:180px;}
.w_300{width:300px;}
.w_400{width:400px;}
.w_500{width:500px;}
.w_600{width:600px;}
.w_1000{width:1000px;}
.w_100p{width:100%;}

.fb { font-weight:bold }
.f10 { font-size:10px }
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px; }
.f22 { font-size:22px; }
.f24 { font-size:24px; }
.fb14 { font-size:14px; color:#ffffff; font-weight:bold; }
.gray9 { color:#999 }
.gray6 { color:#666 }
.gray3 { color:#333 }
.gray5 { color:#555555 }
.blue{ color: #185eb5; }
.blue2{color:#58b365}
.orange{ color:#f60 }
.pik{color:#F06099}
.red{color:#EA0000}
.purple{color:#7800A3}
.pus{color:#DE0286}
.yow{color:#faf305}
.unline,a.unline{text-decoration:underline}
/* margin&padding */
.mt3{margin-top:3px}
.m5 { margin:5px }
.mt5 { margin-top:5px }
.mr5 { margin-right:5px }
.mb5 { margin-bottom:5px }
.ml5 { margin-left:5px }
.m10 { margin:10px }
.mr10 { margin-right:10px }
.mb10 { margin-bottom:10px }
.ml10 { margin-left:10px}
.mt10 { margin-top:10px; }
.mt15{margin-top:15px}
.ml15{margin-left:15px}
.m20 { margin:20px }
.mt20 { margin-top:20px }
.mt30{margin-top:30px}
.mt40 { margin-top:40px }
.mt50 { margin-top:50px }
.mr20 { margin-right:20px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
.mb50 { margin-bottom:50px }
.ml20 { margin-left:20px }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.pt10b { padding-bottom:0 !important; padding-top:10px !important; border:none !important; }
.pt10 { padding:0; padding-top:10px; }
.pl20 { padding-left:20px; }
.pl10 { padding-left:10px; }
.pb20{padding-bottom:20px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb5{padding-bottom:5px}
.fr { float:right; }
.fl { float:left; }
.border0{border:0}
.w100p {width:100%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:50%;}
.w40p {width:40%;}
.w30p {width:30%;}
.w20p {width:20%;}
.w10p {width:10%;}
.w5p {width:5%;}
.h100p {height:100%;}
.hide {display:none;}
.show {display:block;}
.text-r {text-align:right;}
.text-c {text-align:center;}

/*page global*/
body{
	width: 1000px;
	margin: 0 auto;
}
body input{
	border: 0px hidden  #D5D5D5;
}
.bline{
	padding-bottom: 10px;
	border-bottom: 1px solid #D5D5D5;
}
.rline{
	border-right: 1px solid #D5D5D5;
}
.caption{
	padding: 5px 0;
	text-align: left;
	font-weight: bolder;
	font-size: 14px;
}
/*header*/
#head{
	position: relative;
	padding: 0 50px;
}
#head .t1{
	padding-top: 10px;
	height: 30px;
	font-weight: bolder;
	font-size: 16px;
}
#head .t1 .print{
	float: right;
	width: 40px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid gray;
}
#head .t2{
	padding: 10px 250px;
	font-size: 16px;
}
/*mod*/
.mod{
	margin: 10px 50px 50px 50px;
	padding: 0 50px;
	border: 1px solid #000000;
}
.mod .mod_1 .caption{
}
.mod .mod_1 .baby_info ul{
	padding: 5px 10px;
}
.mod .mod_1 .baby_info ul li{
	float: left;
	padding:0 25px;
}

.mod .mod_2 .pay_info{
	padding: 0 30px;
	border: 1px solid #D5D5D5;
	text-align: left;
}
.mod .mod_2 .pay_info ul#fl{
	width: 350px;
}
.mod .mod_2 .pay_info ul#fl li{
	margin: 15px 0;
	position: relative;
}
.mod .mod_2 .pay_info ul#fl li input{
	position: absolute;
	left: 120px;
}
.mod .mod_2 .pay_info ul#fr{
	padding-left: 30px;
	width: 300px;
}
.mod .mod_2 .pay_info ul#fr li{
	margin: 15px 0;
	position: relative;
}
.mod .mod_2 .pay_info ul#fr li input{
	position: absolute;
	left: 100px;
}
.mod .mod_3 .package_info table{
	width: 100%;
	border: 1px solid #D5D5D5;
}
.mod .mod_3 .package_info table tr{
	height: 30px;
	line-height: 30px;
}
.mod .mod_3 .package_info table tr.header{
	font-weight: bold;
	font-size: 14px;
}
.mod .mod_3 .package_info table tr.content ul{
	padding: 5px 0;
}
.mod .mod_4 .guardian_info table{
	width: 100%;
	border: 1px solid #D5D5D5;
}
.mod .mod_4 .guardian_info table tr{
	height: 30px;
	line-height: 30px;
}
.mod .mod_4 .guardian_info table tr.header{
	font-weight: bold;
	font-size: 14px;
}
.mod .mod_5 .add_info p{
	display: block;
	padding: 5px 0;
	text-align: left;
}
.mod .mod_5 .add_info .note_div textarea{
	width: 100%;
	border: 1px solid #D5D5D5;
	overflow: auto;
	word-break: break-all;
}
.mod .mod_5 .operator_info{
	padding: 10px 0;
}
.mod .mod_6{
	padding: 30px 0 40px 0;
}













